<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body  style="position: relative;">
    <div name="bigBox">

        <h1>表单 Subtext for header</h1>
        <hr>
        <br>
        <form action="#"></form>

        <div class="box">

            <form action="#" name="form" method="get">

                <p>姓名: <input name="username" type="text" placeholder="&nbsp;&nbsp;只能包含数字字母下划线 , 数字不能开头 , 长度在8~16之间"><br><br></p>
                <p>联系电话: <input name="phone" type="text" placeholder="&nbsp;&nbsp;请输入正确的手机号格式"><br><br></p>
                <p>学历: <input name="xueli" type="text" placeholder="&nbsp;&nbsp;学历字数大于1小于10"><br><br></p>
                <p>年龄: <input name="age" type="text" placeholder="&nbsp;&nbsp;年龄在20和50之间"><br><br></p>
                <p>期望薪资: <input name="compensation" type="text" placeholder="&nbsp;&nbsp;薪资4位数到六位数"><br><br></p>
                <input type="submit" name="submit" value="保存" />
                <input type="reset" name="reset" value="重置" />
    
            </form>

        </div>

        <br>
        <br>
        <br>
        <hr>
        <table>
            <thead>
                <tr>
                    <td style="width: 100px;">姓名</td>
                    <td style="width: 100px;">联系电话</td>
                    <td style="width: 100px;">学历</td>
                    <td style="width: 100px;">年龄</td>
                    <td style="width: 100px;">期望薪资</td>
                    <td style="width: 100px;">操作</td>
                </tr>
            </thead>

            <tbody>

            </tbody>

            <div name="foot" style="display: none;position: absolute;background-color: red;width: 800px;height: 800px;">

                    <p>姓名: <input name="username" name2="username2" type="text" placeholder="&nbsp;&nbsp;只能包含数字字母下划线 , 数字不能开头 , 长度在8~16之间"><br><br></p>
                    <p>联系电话: <input name="phone" name2="phone2" type="text" placeholder="&nbsp;&nbsp;请输入正确的手机号格式"><br><br></p>
                    <p>学历: <input name="xueli" name2="xueli2" type="text" placeholder="&nbsp;&nbsp;学历字数大于1小于10"><br><br></p>
                    <p>年龄: <input name="age" name2="age2" type="text" placeholder="&nbsp;&nbsp;年龄在20和50之间"><br><br></p>
                    <p>期望薪资: <input name="compensation" name2="compensation2" type="text" placeholder="&nbsp;&nbsp;薪资4位数到六位数"><br><br></p>
                    <button name="close">关闭</button>
                    <button name="save">保存修改</button>
        
            </div>
            
        </table>

    </div>

    <script src="../js/jquery.min.js"></script>

    <script src="../js/index.js"></script>

</body>
</html>